import { history } from 'umi';
import React from 'react';
import { NavBar, Divider } from 'react-vant';
import { Success } from '@react-vant/icons';
import './join-result.less';
import qrcode from '../assets/service-qrcode.png';

const goMy = () => {
  history.push('/my');
}

export default function JoinResultPage() {
  return (
    <div className='join-result'>
      <NavBar title='提交结果' leftText='我的' onClickLeft={goMy} />
      <div className='container'>
        <div className='join-status'>
          <div className='status-icon'>
            <Success className='icon' fontSize='2.5rem' color='#fff' />
          </div>
          <div className='status-text'>
            <h2 className='title'>提交成功</h2>
            <p className='desc'>您的申请已提交，请添加客服微信协助审核</p>
            <Divider className='qrcode-title'>长按二维码添加客服微信</Divider>
            <div className='qrcode-img'><img src={qrcode} alt='微信客服二维码'/></div>
          </div>
        </div>
      </div>
    </div>
  );
}
